// 目标1: 信息渲染
// 1.1 获取用户的数据
// 1.2 回显数据到标签上

axios({
    url: 'http://hmajax.itheima.net/api/settings',
    params: {
        creator: '播仔1'
    }
}).then(result => {
    // console.log(result);
    const userObj = result.data.data
    console.log(userObj);
    // 1.2 回显数据到标签上
    Object.keys(userObj).forEach(key => {

        // console.log(key);
        if (key === 'avatar') {
            // 赋予默认头像
            document.querySelector('.prew').src = userObj[key]
        } else if (key === 'gender') {
            // 赋予默认性别
            // 获取性别单选框:[男radio元素，女radio元素]

            const gRadioList = document.querySelectorAll('.gender')

            // 获取性别数字:0男，1女
            const gNum = userObj[key]
                // 通过性别数字，作为下标，找到对应性别单选框，设置选中状态
                // console.log(gRadioList[gNum]);
            gRadioList[gNum].checked = true
        } else {
            // 赋予默认内容
            document.querySelector(`.${key}`).value = userObj[key]
        }
    })

})